@charset "utf-8";
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{
        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > .home:focus{
            background: #222222;
            color: #9d9d9d;
            &:hover{
                background: gainsboro;
                color: red;
            }
        }
        .navbar-default .navbar-nav > li > .family{
            background: #080808;
            color: #ffffff;
            &:hover{
                background: gainsboro;
                color: red;
            }
        }
    }
    section{
        width: 100%;
        .section_top{
            width: 100%;
            height: 565px;
            background: #8bc01f;
            .layaflash{
                max-width: 465px;
                padding-top: 65px;
                .img{
                    width: 55px;
                    height: 53px;
                    margin-top: -25px;
                }
                .img+span{
                    color: #ffffff;
                    font-size: 48px;
                }
                p:nth-child(2){
                    color: #ffffff;
                    font-size: 24.03px;
                    padding-top: 10px;
                    padding-bottom: 55px;
                }
                p:nth-child(3){
                    color: #ffffff;
                    font-size: 14.09px;
                    padding-bottom: 20px;
                }
                p:nth-child(4){
                    color: #ffffff;
                    font-size: 14.09px;
                    padding-bottom: 20px;
                }
                p:nth-child(5){
                    color: #ffffff;
                    font-size: 14.09px;
                    padding-bottom: 23px;
                }
                a{
                    text-decoration: none;
                    img{
                        width: 100px;
                        height: 34px;
                        &:hover{
                            opacity: 0.7;
                        }
                    }
                }
            }
            .f{
                padding-left: 40px;
                padding-top: 60px;
                img{
                    width: 449px;
                    height: 445px;
                    display: block;
                }
            }
        }
        .section_zj_1{
            width: 100%;
            height: 621px;
            background-color: #3393df;
            .layaplayer{
                padding-top: 50px;
                .img_1{
                    width: 42px;
                    height: 44px;
                    margin-top: -25px;
                    
                }
                span{
                    color: #ffffff;
                    font-size: 48px;
                }
                .img_2{
                    width: 303px;
                    height: 289px;
                    display: block;
                    padding-top: 15px;
                }
            }
            .xingneng{
                max-width: 305px;
                padding-top: 135px;
                p:nth-child(1){
                    color: #ffffff;
                    font-size: 24px;
                }
                p:nth-child(2){
                    color: #ffffff;
                    font-size: 14px;
                    text-align: justify;
                    line-height: 30px;
                    margin-top: -5px;
                }
                p:nth-child(3){
                    color: #ffffff;
                    font-size: 24px;
                    padding-top: 5px;
                }
                p:nth-child(4){
                    color: #ffffff;
                    font-size: 14px;
                    text-align: justify;
                    line-height: 30px;
                }
            }
            .cpu{
                padding-top: 220px;
                img{
                    display: block;
                    width: 264px;
                    height: 273px;
                }
            }
        }
        .section_zj_2{
            padding-top: 80px;
            
            .layaair{
                max-width: 490px;
                img{
                    width: 40px;
                    height: 41px;
                    margin-top: -17px;
                }
                img+span{
                    color: #3393df;
                    font-size: 42px;
                }
                p:nth-child(2){
                    color: #5d5d5d;
                    font-size: 18px;
                    padding-top: 15px;
                }
                p:nth-child(3){
                    color: #3393df;
                    font-size: 18px;
                    padding-top: 15px;
                }
                p:nth-child(4){
                    color: #5d5d5d;
                    font-size: 14px;
                    padding-top: 10px;
                    padding-left: 20px;
                    line-height: 25px;
                }
                .jianju{
                    color: #3393df;
                    font-size: 18px;
                    padding-top: 15px;
                }
                p:nth-child(6){
                    color: #5d5d5d;
                    font-size: 14px;
                    padding-top: 10px;
                    padding-left: 20px;
                }
                p:nth-child(7){
                    color: #3393df;
                    font-size: 18px;
                    padding-top: 15px;
                }
                p:nth-child(8){
                    color: #5d5d5d;
                    font-size: 14px;
                    padding-top: 10px;
                    padding-left: 20px;
                }
            }
            .layaair_1{
                .jianju_1{
                    padding-top: 39px;
                }
            }
            .tupian{
                padding-top: 30px;
                padding-left: 65px;
                .yezi{
                    width: 141px;
                    height: 140px;
                    display: block;
                    cursor: pointer;
                }
            }
            .tupian_1{
                margin-left: -10px;
                img{
                    width: 145px;
                    height: 140px;
                    cursor: pointer;
                }
            }
        }
        .section_bot{
            width: 100%;
            height: 665px;
            background-color: #f7f7f7;
            margin-top: 85px;
            .wuzi{
                margin-left: -30px;
                img{
                    width: 162px;
                    height: 154px;
                    display: block;
                    cursor: pointer;
                }
            }
            .tupian_2{
                padding-top: 45px;
                padding-left: 70px;
                img{
                    width: 137px;
                    height: 137px;
                    display: block;
                    cursor: pointer;
                }
            }
        }
    }
    footer{
        
    }
}
